import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:puppy_store/pages/account/account_login_page.dart';
import 'package:puppy_store/pages/order_payment/order_list_page.dart';

class HomeAppBar extends StatelessWidget implements PreferredSizeWidget {
  const HomeAppBar({super.key});

  //kToolbarHeight 是 Material 库中定义的一个常量，它表示默认的 AppBar 高度。
  @override
  Size get preferredSize => const Size.fromHeight(kToolbarHeight); // 必须重写这个方法 自定义AppBar的高度

  @override
  Widget build(BuildContext context) {
    return Container(
      // 状态栏高度和 AppBar 高度之和
      height: MediaQuery.of(context).padding.top + kToolbarHeight, // 设置高度
      padding: EdgeInsets.only(left: 18, right: 18), // 设置内边距
      decoration: BoxDecoration(
        // color: Colors.green, // 设置背景颜色
        image: DecorationImage(
          image: AssetImage('assets/home_appBar_bg.png'), // 本地图片
          // image: NetworkImage('assets/banner.png'), // 网络图片
          fit: BoxFit.cover, // 设置图片填充方式
        ), // 设置背景图片
      ),
      // SafeArea 组件自动处理顶部和底部的安全区域
      child: SafeArea(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            GestureDetector(
              // 设置点击事件
              onTap: () {
                // 扫码
              },
              child:
              // 扫描二维码
              Image.asset('assets/home_scan.png', width: 24, height: 24),
            ),

            // 搜索框
            Expanded(
              child: Container(
                height: 28,
                margin: const EdgeInsets.symmetric(horizontal: 10),
                padding: const EdgeInsets.symmetric(horizontal: 5),
                decoration: BoxDecoration(
                  // color: Color.fromARGB(100, 245, 245, 245), // 这里的a是0~255之间的透明度值
                  color: Color.fromRGBO(245, 245, 245, 0.4),
                  borderRadius: BorderRadius.circular(15),
                ),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    Image.asset(
                      'assets/home_search.png',
                      width: 16,
                      height: 16,
                    ),
                    Container(
                      padding: const EdgeInsets.symmetric(horizontal: 5),
                      child: Text(
                        "搜索商品",
                        style: TextStyle(color: Colors.white),
                      ),
                    ),
                  ],
                ),
                // margin: const EdgeInsets.symmetric(horizontal: 10),
                // padding: const EdgeInsets.symmetric(horizontal: 10),
              ),
            ),
            //登录图标
            GestureDetector(
              // 设置点击事件
              onTap: () {
                // Navigator 为跳转组件
                Navigator.push(
                  context,
                  // CupertinoPageRoute 为 iOS 风格的页面跳转组件
                  CupertinoPageRoute(
                    builder: (context) {
                      return AccountLoginPage();
                    },
                    // fullscreenDialog: true: 底部弹出页面, false: 右朝左弹出
                    fullscreenDialog: true,
                  ),
                );
              },
              child: Image.asset(
                'assets/home_login.png',
                width: 24,
                height: 24,
              ),
            ),
          ],
        ),
      ),
      // 设置内边距
    );
  }
}
